<template>
  <div class="main main_wrapper">
    <div class="news-section">
      <!-- 轮播图 -->
      <div class="banner">
        <ul class="image-list">
          <li class="item">
            <a href="#">
              <img src="../../assets/banner_01.jpeg" alt="轮播图">
            </a>
          </li>
          <li class="item">
            <a href="#">
              <img src="../../assets/banner_01.jpeg" alt="轮播图">
            </a>
          </li>
        </ul>
        <ul class="title-list">
          <li class="item active">
            <a href="#">英雄羁绊短片</a>
          </li>
          <li class="item">
            <a href="#">香香独家采访</a>
          </li>
          <li class="item">
            <a href="#">夏季赛周最佳</a>
          </li>
          <li class="item">
            <a href="#">王者炸麦了</a>
          </li>
          <li class="item">
            <a href="#">刺痛大挑战</a>
          </li>
        </ul>
      </div>
      <div class="news">
        <ul class="title-list">
          <li class="item active">
            <a href="#">热门</a>
          </li>
          <li class="item">
            <a href="#">新闻</a>
          </li>
          <li class="item">
            <a href="#">公告</a>
          </li>
          <li class="item">
            <a href="#">活动</a>
          </li>
          <li class="item">
            <a href="#">赛事</a>
          </li>
          <li class="item more">
            <a href="#">...</a>
          </li>
        </ul>
        <p class="notice">
          <a class="nowrap_ellipsis" href="#">8月19日体验服停机更新公告8月19日体验服停机更新公告</a>
        </p>
        <ul class="news-list">
          <li class="item">
            <a href="#" class="desc nowrap_ellipsis news_type news_type_hot">2022周年庆表现道具设计大赛优秀创意奖、人气创意奖公布</a>
            <p class="date">08/18</p>
          </li>
          <li class="item">
            <a href="#" class="desc nowrap_ellipsis news_type news_type_hot">2022周年庆表现道具设计大赛优秀创意奖、人气创意奖公布</a>
            <p class="date">08/18</p>
          </li>
          <li class="item">
            <a href="#" class="desc nowrap_ellipsis news_type news_type_notice">2022周年庆表现道具设计大赛优秀创意奖、人气创意奖公布</a>
            <p class="date">08/18</p>
          </li>
          <li class="item">
            <a href="#" class="desc nowrap_ellipsis news_type news_type_hot">2022周年庆表现道具设计大赛优秀创意奖、人气创意奖公布</a>
            <p class="date">08/18</p>
          </li>
          <li class="item">
            <a href="#" class="desc nowrap_ellipsis news_type news_type_notice">2022周年庆表现道具设计大赛优秀创意奖、人气创意奖公布</a>
            <p class="date">08/18</p>
          </li>
          <li class="item">
            <a href="#" class="desc nowrap_ellipsis news_type news_type_hot">2022周年庆表现道具设计大赛优秀创意奖、人气创意奖公布</a>
            <p class="date">08/18</p>
          </li>
          <li class="item">
            <a href="#" class="desc nowrap_ellipsis news_type news_type_news">2022周年庆表现道具设计大赛优秀创意奖、人气创意奖公布</a>
            <p class="date">08/18</p>
          </li>
        </ul>
      </div>
      <div class="download">
        <a class="download-btn" href="#"></a>
        <a class="guard-btn" href="#"></a>
        <a class="experience-btn" href="#"></a>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'HonorMain',
}
</script>

<style lang="less" scoped>
@import './index.less';
</style>
